﻿{extend name="base" /}



{block name="body"}

<!-- Block Spotlight1  -->
<section class="so-spotlight1 ">
	<div class="container">
		<div class="row">
			<div id="yt_header_right" class="col-lg-offset-3 col-lg-9 col-md-12">
				<div class="slider-container ">

					<div class="module first-block">
						<div class="modcontent clearfix">
							
						</div>
					</div>
					<div id="so-slideshow" class="col-lg-8 col-md-8 col-sm-12 col-xs-12 two-block">
						<div class="module slideshow no-margin">
							<div class="item">
								<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/image/demo/slider/slider-1.png" alt="slider1" class="img-responsive"></a>
							</div>
							<div class="item">
								<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/image/demo/slider/slider-2.png" alt="slider2" class="img-responsive"></a>
							</div>
							<div class="item">
								<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/image/demo/slider/slider-3.png" alt="slider3" class="img-responsive"></a>
							</div>
						</div>
						<div class="loadeding"></div>
					</div>

					<div class="module col-md-4  hidden-sm hidden-xs three-block ">
						<div class="modcontent clearfix">
							<div class="htmlcontent-block">	
								<ul class="htmlcontent-home">		
									<li>
										<div class="banners">
											<div>
												<a href="#"><img src="__TEMPLATE__/image/demo/cms/banner1.jpg" alt="banner1"></a>
											</div>
										</div>
									</li>		
									<li>
										<div class="banners">
											<div>
												<a href="#"><img src="__TEMPLATE__/image/demo/cms/banner2.jpg" alt="banner1"></a>
											</div>
										</div>
									</li>		
									<li>
										<div class="banners">
											<div>
												<a href="#"><img src="__TEMPLATE__/image/demo/cms/banner3.jpg" alt="banner1"></a>
											</div>
										</div>
									</li>	
								</ul>
							</div>
						</div>
					</div>

					<div class="module hidden-xs col-sm-12 four-block">
						<div class="modcontent clearfix">
							<div class="policy-detail">
								<div class="banner-policy">
									<div class="policy policy1"><a href="__TEMPLATE__/#"> <span class="ico-policy">&nbsp;</span> 7 天 <br> 无条件退款 </a></div>
									<div class="policy policy2"><a href="__TEMPLATE__/#"> <span class="ico-policy">&nbsp;</span> 同城免费送货 </a></div>
									<div class="policy policy3"><a href="__TEMPLATE__/#"> <span class="ico-policy">&nbsp;</span> 保证最低价格 </a></div>
									<div class="policy policy4"><a href="__TEMPLATE__/#"> <span class="ico-policy">&nbsp;</span> 购物保障 </a></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>  
</section>
<!-- //Block Spotlight1  -->
<!-- Main Container  -->
<div class="main-container container">
	
	<div class="row">
		<div id="content" class="col-sm-12">
			
			<div class="module tab-slider titleLine">
				<h3 class="modtitle">特色商品</h3>
				<div id="so_listing_tabs_1" class="so-listing-tabs first-load module">
					<div class="loadeding"></div>
					<div class="ltabs-wrap">
						<div class="ltabs-tabs-container" data-delay="300" data-duration="600" data-effect="starwars" data-ajaxurl="#" data-type_source="0">
							<!--Begin Tabs-->
							<div class="ltabs-tabs-wrap"> 
								<div class="item-sub-cat">
									<ul class="ltabs-tabs cf">
										<li class="ltabs-tab tab-sel" data-category-id="20" data-active-content=".items-category-20"> <span class="ltabs-tab-label"> 推荐商品 </span> </li>
										<li class="ltabs-tab " data-category-id="18" data-active-content=".items-category-18"> <span class="ltabs-tab-label"> 最新商品 </span> </li>
										<li class="ltabs-tab " data-category-id="25" data-active-content=".items-category-25"> <span class="ltabs-tab-label"> 促销商品 </span> </li>
									</ul>
								</div>
							</div>
							<!-- End Tabs-->
						</div>
						<div class="ltabs-items-container">
							<!--Begin Items-->
							<div class="ltabs-items ltabs-items-selected items-category-20 grid" data-total="10">
								<div class="ltabs-items-inner ltabs-slider ">

									{volist name="bestGoods" id="v" key="k" }
									<div class="ltabs-item product-layout">
										<div class="product-item-container">
											<div class="left-block">
												<div class="product-image-container second_img ">
													<img src="{$v.goods_image|show_image="goods",###}"  alt="{$v.goods_name}" class="img-responsive" />
													<img src="{$v.goods_image|show_image="goods",###}"  alt="{$v.goods_name}" class="img_0 img-responsive" />
												</div>

												<span class="label label-sale">推荐</span>

												<!-- <a class="quickview iframe-link visible-lg" data-fancybox-type="iframe"  href="{$v.goods_image|show_image="goods",###}" >查看大图</a>	 -->

												<a class="quickview visible-lg" href="{:url('home/Goods/goodsDetails',array('id'=>$v.id))}" target="_blank" >点击查看</a>

											</div>
											<div class="right-block">
												<div class="caption">
													<h4><a href="{:url('home/Goods/goodsDetails',array('id'=>$v.id))}" target="_blank" >{$v.goods_name}</a></h4>		
													<div class="price">
														<span class="price-new">${$v.now_price}</span> 
														<span class="price-old">${$v.original_price}</span>		 
													</div>
												</div>
											</div>
										</div>
									</div>
									{/volist}
								</div>
							</div>


							<div class="ltabs-items items-category-18 grid" data-total="11">
								<div class="ltabs-items-inner ltabs-slider ">

									{volist name="newGoods" id="v" key="k" }
									<div class="ltabs-item product-layout">
										<div class="product-item-container">
											<div class="left-block">
												<div class="product-image-container second_img ">
													<img src="{$v.goods_image|show_image="goods",###}"  alt="{$v.goods_name}" class="img-responsive" />
													<img src="{$v.goods_image|show_image="goods",###}"  alt="{$v.goods_name}" class="img_0 img-responsive" />
												</div>

												<span class="label label-new">新品</span>

												<a class="quickview visible-lg" href="{:url('home/Goods/goodsDetails',array('id'=>$v.id))}" target="_blank" >点击查看</a>

											</div>
											<div class="right-block">
												<div class="caption">
													<h4><a href="{:url('home/Goods/goodsDetails',array('id'=>$v.id))}" target="_blank" >{$v.goods_name}</a></h4>		
													<div class="price">
														<span class="price-new">${$v.now_price}</span> 
														<span class="price-old">${$v.original_price}</span>		 
													</div>
												</div>
											</div>
										</div>
									</div>
									{/volist}
								</div>
							</div>

							<div class="ltabs-items  items-category-25 grid" data-total="11">
								<div class="ltabs-items-inner ltabs-slider ">

									{volist name="promoteGoods" id="v" key="k" }
									<div class="ltabs-item product-layout">
										<div class="product-item-container">
											<div class="left-block">
												<div class="product-image-container second_img ">
													<img src="{$v.goods_image|show_image="goods",###}"  alt="{$v.goods_name}" class="img-responsive" />
													<img src="{$v.goods_image|show_image="goods",###}"  alt="{$v.goods_name}" class="img_0 img-responsive" />
												</div>

												<span class="label label-sale">促销</span>

												<a class="quickview visible-lg" href="{:url('home/Goods/goodsDetails',array('id'=>$v.id))}" target="_blank" >点击查看</a>

											</div>
											<div class="right-block">
												<div class="caption">
													<h4><a href="{:url('home/Goods/goodsDetails',array('id'=>$v.id))}" target="_blank" >{$v.goods_name}</a></h4>		
													<div class="price">
														<span class="price-new">${$v.promote_price}</span> 
														<span class="price-old">${$v.original_price}</span>		 
													</div>
												</div>
											</div>
										</div>
									</div>
									{/volist}
								</div>
							</div>

						</div>
						<!--End Items-->
					</div>
				</div>
			</div>
			<div class="module ">
				<div class="modcontent clearfix">
					<div class="banner-wraps ">
						<div class="m-banner row">
							<div class="banner htmlconten1 col-lg-4 col-md-4 col-sm-6 col-xs-12">
								<div class="banners">
									<div>
										<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/image/demo/cms/banner2-1.png" alt="banner1"></a>
									</div>
								</div>
							</div>
							<div class="htmlconten2 col-lg-4 col-md-4 col-sm-6 col-xs-12">
								<div class="module banners">
									<div>
										<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/image/demo/cms/banner2-2.png" alt="banner1"></a>
									</div>
								</div>
								
								<div class="banners">
									<div>
										<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/image/demo/cms/banner2-3.png" alt="banner1"></a>
									</div>
								</div>
								
							</div>
							<div class="banner htmlconten3 hidden-sm col-lg-4 col-md-4 col-sm-6 col-xs-12">
								<div class="banners">
									<div>
										<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/image/demo/cms/banner2-4.png" alt="banner1"></a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="module no-margin titleLine ">
				<h3 class="modtitle">热门类型</h3>
				<div class="modcontent clearfix">
					<div id="collections_block" class="clearfix  block">
						<ul class="width6">
							<li class="collect collection_0">
								<div class="color_co"><a href="__TEMPLATE__/#">家具</a> </div>
							</li>
							<li class="collect collection_1">
								<div class="color_co"><a href="__TEMPLATE__/#">礼品</a> </div>
							</li>
							<li class="collect collection_2">
								<div class="color_co"><a href="__TEMPLATE__/#">酷玩</a> </div>
							</li>
							<li class="collect collection_3">
								<div class="color_co"><a href="__TEMPLATE__/#">户外</a> </div>
							</li>
							<li class="collect collection_4">
								<div class="color_co"><a href="__TEMPLATE__/#">数码</a> </div>
							</li>
							<li class="collect collection_5">
								<div class="color_co"><a href="__TEMPLATE__/#">公主</a> </div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			
		</div>
	</div>
</div>
<!-- //Main Container -->

<script type="text/javascript"><!--
	var $typeheader = 'header-home1';
	//-->
</script>


{/block}

{block name="script"}
<script type="text/javascript" src="__HJS__/index/index.js"></script>
{/block}